<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="style/font.css">
  <link rel="stylesheet" href="js/lib/swiper/swiper.min.css">
  <link rel="stylesheet" href="style/layui.css">
  <link rel="stylesheet" href="style/detail.css">
</head>
<body>
<div class="head" id="head-g">
  <div class="container clearfix">
    <a class="logo">
      <img src="img/logo.png" alt="">
    </a>
    <!-- 已登录-->
   <div class="loginBox">
       <a class="iconfont icon-denglu"></a>
       <a>胖西</a>
       <div class="downBtn">
           <a href="">退出</a>
       </div>
   </div>
  </div>
</div>
<div class="detail clearfix container">
  <div class="pull-left">
    <video src="" controls id="video"></video>
    <div class="info">
      <div class="title">
        <span class="iconfont icon-liebiao icon-warn"></span> 作品列表
      </div>
      <div class="p textStyle active">
        寒假记录一本好书. mp4
      </div>
      <div class="p textStyle">
        寒假记录一本好书教学课件. ppt
      </div>
      <div class="p textStyle">
        寒假记录一本好书教学配套习题. doc
      </div>
    </div>
  </div>
  <div class ="pull-right">
    <div class="title ellText">
       我寒假读书心得
    </div>
    <div class="info textStyle">
      <div class="p">作品编号:XH2024-001</div>
      <div class="p">参与年份:2024</div>
      <div class="p">投稿角色:学生</div>
      <div class="p">作品类型:朗诵</div>
    </div>
    <div class="info textStyle">
      <div class="p">姓名：李晶晶</div>
      <div class="p">区域:恩施州恩施市</div>
      <div class="p">学校：实验小学城南校区</div>
    </div>
    <div class="btnBox clearfix">
        <span class="g-btn">
          投票 12345
        </span>
        <span class="g-btn">
            收藏 258
        </span>
    </div>
  </div>
</div>



<div class="footer" id="footer">
  <div class="row clearfix">
    <div class="item"><a href="https://basic.smartedu.cn/">国家中小学智慧教育</a></div>
    <div class="item"><a href="https://jyt.hubei.gov.cn/">湖北省教育厅</a></div>
    <div class="item"><a href="http://www.e21.cn/">湖北教育信息网</a></div>
    <div class="item"><a href="http://www.hbea.edu.cn/">湖北省教育考试网</a></div>
    <div class="item"><a href="https://www.cjcb.com.cn/">长江出版传媒集团</a></div>
  </div>
  <div class="row record-row">
    <img src="img/record2.png" alt="鄂公网安备" />
    <pre><span>  鄂公网安备 42010402000414号   |   鄂ICP备13007865号-3   |   经营证照  </span></pre>
    <img src="img/record1.png" alt="鄂公网安备" />
  </div>
  <div class="row Copyright-row">
    <span>Copyright© 湖北省新华书店(集团)有限公司</span>
  </div>
</div>
<!--  这里是弹窗-->
<div class="dialog" id="dialog-login" style="display: none;">
  <div class="codeBox form" style="display: none;" id="loginWeixin">
    <img src="" class="codeImg" alt="">
    <div class="code-name">
      微信扫码登录
    </div>
  </div>
  <form class="inputBox form" style="display:none;" id="loginCode">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="tipBox">
      <a class="tipLeft">没有账号？去注册</a>
      <a class="tipRight toRePass">忘记密码？</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">登录</div>
    </div>
  </form>
  <form class="inputBox form" id="loginUser">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobile" placeholder="请输入手机号码">
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="text" id="mobile" placeholder="请输入密码">
    </div>
    <div class="tipBox">
      <a class="tipLeft toRes">没有账号？去注册</a>
      <a class="tipRight toRePass">忘记密码？</a>
    </div>
    <div class="loginBtnBox">
      <button class="loginBtn" type='submit'>登录</button>
    </div>
  </form>
  <div class="line-text">
    <div class="leftLine Line"></div>
    <div class="text">其他登录方式</div>
    <div class="rightLine Line"></div>
  </div>
  <div class="dialogBtn">
    <div class="btn" id="loginWeixinBtn" >
      <span class="iconfont icon-31saoma"></span>
      扫码登录
    </div>
    <div class="btn" id="loginUserBtn" style="display: none;">
      <span class="iconfont icon-shouji"></span>
      账号登录
    </div>
    <div class="btn" id="loginCodeBtn">
      <span class="iconfont icon-zhanghaoshezhi"></span>
      短信登录
    </div>
  </div>
  <div class="policy">
    注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
  </div>
</div>

<div class="dialog" id="dialog-reg" style="display: none">
  <form class="inputBox">
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-wode2"></span>
      </div>
      <input type="text" id="mobileCode" placeholder="请输入手机号码">
    </div>
    <div class="inputItem-type2">
      <div class="inputItem-type2-left">
        <div class="label">
          <span class="iconfont icon-zhanghaoshezhi"></span>
        </div>
        <input type="password" id="code" placeholder="请输入验证码">
      </div>
      <div class="inputItem-type2-right">
        <div class="">获取短信验证码</div>
      </div>
    </div>
    <div class="inputItem">
      <div class="label">
        <span class="iconfont icon-zhanghaoshezhi"></span>
      </div>
      <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
    </div>
    <div class="tipBox">
      <a class="tipLeft" style="cursor: pointer" id="goLogin">已有账号？去登录</a>
    </div>
    <div class="loginBtnBox">
      <div class="loginBtn">注册</div>
    </div>
  </form>
  <div class="policy">
    注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
  </div>
</div>


<script src="js/lib/jquery/jquery-1.2.3.min.js"></script>
<script src="js/lib/layer3.11/layer.js"></script>
<script src="js/lib/layui/layui.all.js"></script>
<script src="js/public.js"></script>
<script src="js/set.js"></script>
<!--<script src="js/index.js"></script>-->
</body>
</html>
